$(function() {
    function init() {
        $.ajax({
            url: bigNews.category_list,
            headers: { 'Authorization': localStorage.getItem('bigNews_token') },
            success: function(res) {
                // console.log(res);
                $('tbody').html(template('cateTemp', res))
            },
            dataType: 'json'
        })
    }
    init()

    //（删除）事件委托，当页面通过动态渲染时，需要通过事件委托进行绑定
    $('tbody').on('click', '.btn_del', function() {
        let id = $(this).data('id')
        console.log(11);
        $.ajax({
            type: 'post',
            url: bigNews.category_delete,
            headers: { 'Authorization': localStorage.getItem('bigNews_token') },
            data: { id },
            dataType: 'json',
            success: function(res) {
                alert(res.msg)
                init()
            }
        })
    })

    // (编辑)事件委托
    let id
    $('tbody').on('click', '.btn_edit', function() {
        id = $(this).data('id')
            // console.log(id);
        $('#catemodal').modal('show')
        $('.modal-title').text('编辑分类')
        $('.btn_opt').text('编辑')

        $('#cateName').val($(this).data('name'))
        $('#cateSlug').val($(this).data('slug'))

    })



    //新增分类弹出模态框
    $('#xinzengfenlei').on('click', function() {
        $('#catemodal').modal('show')
        $('.modal-title').text('新增分类')
        $('.btn_opt').text('新增')
        $('#cateName').val('')
        $('#cateSlug').val('')
    })

    $('.btn_opt').on('click', function() {
        let name = $('#cateName').val()
        let slug = $('#cateSlug').val()
        let data_opt
        let url_opt
        if ($('.btn_opt').text() == '新增') {
            data_opt = { name, slug }
            url_opt = bigNews.category_add
        } else {
            data_opt = { id, name, slug }
            url_opt = bigNews.category_edit
        }
        $.ajax({
            type: 'post',
            url: url_opt,
            headers: { 'Authorization': localStorage.getItem('bigNews_token') },
            data: data_opt,
            dataType: 'json',
            success: function(res) {
                alert(res.msg)
                $('#catemodal').modal('hide')
                $('#cateName').val('')
                $('#cateSlug').val('')
                init()
            },
            error: function(err) {
                if (err.status === 400) {
                    alert('请勿重复添加')
                }
            }
        })
    })


    // function add_edit_click(name, slug, id) {
    //     if (id!='undefined') {
    //         console.log(id);
    //         $.ajax({
    //             type: 'post',
    //             url: bigNews.category_edit,
    //             headers: { 'Authorization': localStorage.getItem('bigNews_token') },
    //             data: { name, slug, id },
    //             dataType: 'json',
    //             success: function(res) {
    //                 alert(res.msg)
    //                 $('#catemodal').modal('hide')
    //                 $('#cateName').val('')
    //                 $('#cateSlug').val('')
    //                 init()
    //             }
    //         })
    //     } else {
    //         console.log(id);
    //         $.ajax({
    //             type: 'post',
    //             url: bigNews.category_add,
    //             headers: { 'Authorization': localStorage.getItem('bigNews_token') },
    //             data: { name, slug },
    //             dataType: 'json',
    //             success: function(res) {
    //                 alert(res.msg)
    //                 $('#catemodal').modal('hide')
    //                 $('#cateName').val('')
    //                 $('#cateSlug').val('')
    //                 init()
    //             }
    //         })
    //     }
    // }
})